/*1.背景图：可以移动*/
body{
	/*背景复合属性：相对路径+图片全称*/
	background: url(../img/bg.jpg) no-repeat;
	/*背景图尺寸属性：数值 px|%     宽度 x  高度 y*/
	background-size: 100% 850px;
}
/*2.标题*/
h1{
	/*文字放大*/
	font-size: 60px;
	/*文本字体：华文彩云*/
	font-family: "华文彩云";
	/*文本加粗*/
	font-weight: 500;
	/*文本阴影*/
	text-shadow: 5px 5px 5px #000;
	/*字体颜色*/
	color: #000;
	/*透明度*/
	opacity: .5;
}
/*3.熊 --空间+背景图 --移动 */
#bear{
	width: 400px;
	height: 400px;
	bor der: 1px solid red;
	/*背景图*/
	background: url(../img/bear_1.png) no-repeat;
	/*背景图占满整个熊空间*/
	background-size: 100% 100%;
	/*微调定位*/
	position: relative;
	top: -67px;
	left: -63px;
	/*启动动画*/
	animation: bear 8.8s linear infinite;
}
/*创建关键帧 背景图改变 位置改变*/
@keyframes bear{
	0%{
		/*第一组动画：必须熊原始位置*/
		background: url(../img/bear_1.png) no-repeat;
		/*背景尺寸*/
		background-size: 100% 100%;
		top: -67px;
		left: -63px;
	}
	10%{
		background: url(../img/bear_2.png) no-repeat;
		background-size: 100% 100%;
		top: 220px;
		left: 280px;
	}
	20%{
		background: url(../img/bear_3.png) no-repeat;
		background-size: 100% 100%;
		top: 150px;
		left: 300px;
	}
	30%{
		background: url(../img/bear_4.png) no-repeat;
		background-size: 100% 100%;
		top: 360px;
		left: 440px;
	}
	40%{
		background: url(../img/bear_5.png) no-repeat;
		background-size: 100% 100%;
		top: 200px;
		left: 350px;
	}
	50%{
		background: url(../img/bear_6.png) no-repeat;
		background-size: 100% 100%;
		top: -20px;
		left: -40px;
	}
	60%{
		background: url(../img/bear_7.png) no-repeat;
		background-size: 100% 100%;
		top: 230px;
		left: 550px;
	}
	70%{
		background: url(../img/bear_8.png) no-repeat;
		background-size: 100% 100%;
		top: 240px;
		left: 360px;
	}
	80%{
		background: url(../img/bear_9.png) no-repeat;
		background-size: 100% 100%;
		top: 20px;
		left: 50px;
	}
	90%{
		background: url(../img/bear_10.png) no-repeat;
		background-size: 100% 100%;
		top: 80px;
		left: 20px;
	}
}